<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>支付宝</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>



<nav class="navbar navbar-expand-lg navbar-light" id="one">
    <div class="container">
        <a class="navbar-brand" href="#"><img id="img1" src="images/T1HHFgXXVeXXXXXXXX.png" alt="" class=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="navbar-brand" href="#">个人</a>
                </li>
                <li class="nav-item">
                    <a class="navbar-brand" href="index_tow.html">企业 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="navbar-brand" href="index_yoyo.html">合作伙伴</a>

                </li>
            </ul>

            <a class="navbar-brand" href="#">支付宝APP</a>
            <a class="navbar-brand">|</a>
            <a class=" dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">客服服务</a>

        </div>
    </div>
</nav>

<ul class="nav justify-content-center" id="ul-1">
    <li class="nav-item">
        <a class="nav-link active" href="">首页</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">财富中兴</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">安全保障</a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" href="">|</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">商家中心</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">开放平台</a>
    </li>
</ul>
<div id=demo style="background: #ffffff; overflow: hidden; width: 100%; color: #0000ff; height: 750px;">
    <div id=demo1>
        <div align="center">
            <a href="" target=_blank><img src="images/k1.jpg" border=0></a><br>
            <a href="" target=_blank><img src="images/k2.jpg" border=0></a><br>
            <a href="" target=_blank><img src="images/k3.jpg" border=0></a><br>
            <a href="" target=_blank><img src="images/kk.png" border=0></a><br>
            <a href="" target=_blank><img src="images/k5.jpg" border=0></a><br>
            <a href="" target=_blank><img src="images/k6.jpg" border=0></a><br>

        </div>

    </div>
    <div id=demo2></div>
</div>
<script language="javascript">
    var speed=10;
    demo2.innerHTML=demo1.innerHTML;
    function Marquee(){
        if(demo2.offsetTop-demo.scrollTop<=0){
            demo.scrollTop-=demo1.offsetHeight;
        }
        else{
            demo.scrollTop++;
        }
    }
    var MyMar=setInterval(Marquee,speed);
    demo.onmouseover=function() {clearInterval(MyMar)};
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>





    <div class="header">
        <h2>快速开发</h2>
        <div class="header-1">
            <div class="container">
                <div class="row">
                    <div class="col-md-4" style="border: 1px solid #c1bcc1">
                        <img src="images/v1.png" alt="">
                        <h4>开发接入</h4>
                        <p>支付接入、行业应用模板、200+开发API</p>
                    </div>
                    <div class="col-md-4" style="border: 1px solid #c1bcc1">
                        <img src="images/v2.png" alt="" class="">
                        <h4>小程序</h4>
                        <p>新的开放能力、更出色的使用体验</p>
                    </div>
                    <div class="col-md-4" style="border: 1px solid #c1bcc1">
                        <img src="images/v3.png" alt="" id="c">
                        <h4>生活号</h4>
                        <p>提供代入驻、代运营能力</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-2">
            <h2>解决方案</h2>
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <img src="images/A%20DC89Qoyq5j0AAAAAAAAAAABkARQnAQ.jpg">
                        <h1>智能税务</h1>
                    </div>
                    <div class="col-md-4">
                        <img src="images/original-1.jpg" alt="" class="">
                        <h1>快消便利店</h1>
                    </div>
                    <div class="col-md-4">
                        <img src="images/A%20nHpmTpzlDtkAAAAAAAAAAABjARQnAQ.jpg">
                        <h1>停车缴费</h1>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="main" style="background-color: #f5f5f5;padding-top: 120px">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                <img src="images/l1.png" alt="" class="">
                <a href="">付款 | 时间荣誉的乙方</a>
                <p class="">付款方式 | 134家金融机构</p>

                <p class="ka">支付宝收费规则 | 支付宝服务协议</p>
                <p>支付宝隐私权政策
                    | 蚂蚁金殿客户权益保障承诺书</p>
                <p class="li">公告 支付宝服务协议的更新公告
                    《关于防范和打击电信网络诈骗...</p>
            </div>
                <div class="col-md-3">
                <img src="images/l2.png" alt="" class="">
                <a href="" class="">会员保障，安心付款</a>
                <p class="">安全升级 | 应急服务 | 理赔服务</p>

                <p class="ka-1">支付宝官方微博<a>+关注</a></p>
            </div>
                <div class="col-md-3">
                <img src="images/l3.png" alt="" class="">
                <a href="" class="">海外商品、想购就购</a>
                <p>全球直购 | 海外直购</p>

                <p class="ka-2">下载支付宝</p>
                <img src="images/l5.png" alt="" class="">
            </div>
                <div class="col-md-3">
                <img src="images/l4.png" alt="" class="">
                <a href="" class="">玩转支付宝</a>
                <p class="">如何购物 | 新手须知 | 我要开店</p>
                <div class="col-12">
                    <h5 class="ka-3">支付宝E公益</h5>
                    <p>帮助听力智障儿童。献爱心</p>
                    <button>立即查看</button>
                    <img src="images/l7.png" alt="" class="">
                </div>
            </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <p>诚征英才|联系我们|I你特然nationalBUSin额实施ICP证号：沪B2-20150087</p>
                    <p>蚂蚁金服务集团|支付宝|余额宝|招财宝|芝麻信用|蚂蚁微贷|网商银行|蚂蚁达客</p>
                    <p>阿里巴巴集团|淘宝网|天猫|聚划算|全球数卖通|阿里巴巴国际交易市场|1688|阿里妈妈|阿里旅行去啊|阿里云计算|AliOS|阿里通信|万网|高德|优视|友盟|虾米</p>
                    <p>|天天动听|来往|钉钉</p>
                    <img src="images/p1.png" alt="" class="">
                    <img src="images/p2.png" alt="" class="">
                    <img src="images/p3.png" alt="" class="">
                    <img src="images/p4.png" alt="" class="">
                    <img src="images/p5.png" alt="" class="">
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=callbackFunction"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>

</body>
</html>

